<!DOCTYPE html>
<!--suppress ALL-->
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title th:text="${title}"></title>
    <link rel="short icon" th:href="@{/static/images/favicon.ico}">
    <link rel="stylesheet" th:href="@{/static/css/style4.css}">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/semantic-ui/2.4.1/semantic.min.css">
    <link rel="stylesheet" href="/static/css/highlight.line-numbers.css">
    <link rel="stylesheet" href="/static/css/highlightjs-copy-button.css">
    <script th:src="@{/static/js/my4.js}"></script>
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/semantic-ui/2.4.1/semantic.min.js"></script>
    <link rel="stylesheet"
          th:href="@{'https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/'+${codeStyle==null?'androidstudio':codeStyle}+'.min.css'}">
    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
    <script src="/static/js/highlight.line-numbers.js"></script>
    <script src="/static/js/highlightjs-copy-button.js"></script>
    <script src="/static/js/highlightjs-copy-button.min.js"></script>
    <script>hljs.initHighlightingOnLoad();
    hljsln.initLineNumbersOnLoad();
    hljs.initCopyButtonOnLoad();
    </script>
</head>
<body>
<a href="#gotop" class="imgdiv">
    <img th:src="@{/static/images/top2.png}" id="gotop" alt="" class="imgsrc"
         style="position: fixed;bottom: 10%;display: none;height: 35px;margin-left: 97%">
</a>
<div style="width: 92%;margin-left: 4%">
    <div th:include="common/head4::#h"></div>
    <div th:include="${mainPage}::${mainPageKey}"></div>
    <div th:include="common/foot4::#f"></div>
    <div id="outerdiv"
         style="position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:2;width:100%;height:100%;display:none;">
        <div id="innerdiv" style="position:absolute;">
            <img id="bigimg" style="border:5px solid #fff;" src=""/>
        </div>
        <h1 style="color: yellow;text-align: center">点击图片外任何区域即可关闭图片</h1>
    </div>
</div>
</body>
</html>